﻿<!DOCTYPE html>
<html>
<head>
	<title>GEN DOC 210 mm × 280 mm or 8.27 in × 11.02 in</title>
	<meta charset="UTF-8">
	<style>
		.pagesize{
			border: 0px solid;
			width :210mm;
			height:270mm;
		}
		.showQR img{
			margin:10px;
			width:200px;
            
		}

		.line{			
			border-left-width: 0xp;
			border-right-width: 0xp;
			border-top-width: 0xp;
			border-bottom-width: 1xp;
			border-bottom-style: solid;
			width:100%;
			height:1px;
		}

        .headerText{
            font-size: 18px;
            font-weight: bold;
        }

        .hideRow{
            display : none;
        }

        @page { margin: 0.2in; }
	</style>

    
 <script>

    function hiden3(){

            document.getElementById("order2").style.display = 'none';
            document.getElementById("row4").innerHTML = "3";
    }
</script>
</head>
<body>
	<div class="pagesize">
			<div>
				<div align="right">กรมสรรพาสามิต</div>
				<div class="line" ></div>
				<div align="center" class="headerText">
                    <br/>
					แบบฟอร์ม สร. ๑๒๐ - ๑๑ ในรูปแบบบาร์โค้ต กรมสรรพสามิต<br/>
				</div>
			</div>


<table cellpadding="0" cellspacing="0" border="1" bordercolor="black" width="98%" style="margin:10px;" id="maintable">
	<thead>
		<tr bgColor="yellow">
			<td>ลำดับ</td>
			<td>รายการ</td>
			<td>บาร์โค้ด</td>
		</tr>
	</thead>
	<tbody class="showQR">
	
		<tr>
			<td width="4%" align="center" valign="top" > 1 </td>
			<td width="25%"  align="left" valign="top">ข้อมูลผู้เสียภาษี <br/> {{factoryname}}  </td>
			<td> {{IMG1}}</td>
		</tr>

        {{orderQr}}
	

		<tr>
			<td width="2%"  align="center" valign="top"  id="row4" >{{index2}} </td>
			<td width="25%"  align="left" valign="top">สรุปรายการคำนวญภาษี<br/>  ยอดรวมภาษีสุรา {{totalBth}} บาท </td>
			<td> {{IMG4}}</td>
		</tr>

	</tbody>
</table>

	</div>
</body>
</html>